/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:14px;font-family:"Microsoft YaHei",Tohama,Verdana;color:#222;background:#474747;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:20px;line-height:1;margin-bottom:10px;}
h2 {font-size:18px;margin-bottom:8px;}
h3 {font-size:16px;line-height:1;margin-bottom:6px;}
h4 {font-size:14px;line-height:1.25;margin-bottom:6px;}
h5 {font-size:14px;font-weight:bold;margin-bottom:6px;}
h6 {font-size:14px;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 8px;color:#333}
p img.left {float:left;margin:10px 10px 10px 0;padding:0;}
p img.right {float:right;margin:1px 0 10px 10px;}
a:focus, a:hover {color:#fff;}
a {color:#fff;text-decoration:underline;}
blockquote {margin:15px;color:#666;font-style:italic;}
strong {font-weight:bold;}
del {color:#666;}
pre {margin:15px 0;white-space:pre;}
ul, ol {margin:0 15px 15px 15px;}
ul {list-style-type:none;}
table {margin-bottom:10px;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.hide {display:none;}
.highlight {background:#ff0;}
.alert{color:#f00;padding:10px 10px 0}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {zoom:1;}

/* container */
#container{background:#474747;padding-top:20px}

/* header */
#header{height:30px;border-bottom:1px solid #666;background:#34393d;padding:5px 10px}
#header .inner{width:960px;margin:0px auto}
#header ul{margin: 0 5px 15px 5px}
#header ul li a{font-size:12px;text-decoration:none;display:block;padding:5px 5px 5px 25px}
#header ul li a:hover {color:inherit;background-color:#f60;}
#header ul li{float:left;padding-right:15px}
#logo{width:184px;height:26px;margin-left:20px;float:left;background:url(../img/logo.png) no-repeat}
ul.set{float:right;margin-right:5px}
ul.set li a.editinfo{background:url(../img/set_icon.png) no-repeat 5px 8px;}
#header ul.set li a.logout{padding-left:5px}
p.spliter{width:2px;height:25px;border-left:1px solid #666;margin-top:3px;float:right}
ul.mine{float:right}
li.collect a{background:url(../img/heart_icon.png) no-repeat 5px 8px;}
#header li.pub a{background:url(../img/pub_icon.png) no-repeat 5px 6px; padding-right:5px}
ul.pub{float:right}
li.pic a{background:url(../img/img_icon.png) no-repeat 5px 8px;}
li.txt a{background:url(../img/txt_icon.png) no-repeat 5px 6px;}
li.link a{background:url(../img/link_icon.png) no-repeat 5px 10px;}
#header li.video a{background:url(../img/video_icon.png) no-repeat 5px 7px;padding-right:5px}

ul.reglogin{float:right}
#header ul.reglogin li a{padding:5px}
.navhl{font-weight:bold}

/* content */
.item{width:600px;margin:20px auto 0px}
.avatar{float:left;margin:20px 20px 0 0;}
.avatar img{border:1px solid #ddd}
.content{background:url(../img/arrow.png) no-repeat 0px 28px;margin-left:70px}
.contentinner{margin-left:10px;background: #fff;padding:19px;}
.content a{color:#999;text-decoration:none;font-size:12px}
.content a:hover {color:#333}
p.func{float:right;color:#999;margin:0 0 5px 5px}
.titlelink a{padding:3px;background:#eee;border-bottom:1px solid #ddd;font-size:18px;color:#333}
.titlelink a:hover {background:#666;border-bottom:1px solid #333;color:#eee;}
.intro{}
span.date{float:right;color:#999;font-size:12px}
.titletxt{font-size:16px;font-weight:bold;margin-bottom:20px}

.comment{padding:8px;}
.comment p{color:#333}
.even{background:#f2f2f2;border-bottom:1px solid #fff}
.odd{background:#f9f9f9}
.comment a img{float:left;margin-right:10px}
.comment p{margin-bottom:0px}
.commentwrapper textarea{width:474px;height:50px;padding:3px;border:1px solid #bbb;margin-top:10px;font-size:14px;color:#333;margin-bottom:5px;line-height:20px}

.page{margin:20px auto;width:100px;color:#aaa;font-size:12px;padding-bottom:20px}
.page a{color:#eee;text-decoration:none;font-size:12px}

/* 发布框 */
.pubhead{height:15px;padding:10px;background:#333}
.pubhead h3{color:#fff;font-weight:bold;}
form.pubform h3{font-weight:bold}
.closebtn{width:16px;height:16px;float:right;cursor:pointer;background:url(../img/close.png) no-repeat}
form.pubform{padding:10px;margin-top:15px}
form.pubform input,form.pubform textarea{width:460px;padding:8px;border:1px solid #bbb;vertical-align:middle}
form.pubform textarea{height:100px;font-size:14px;line-height:20px}
form.pubform .submit{cursor:pointer;border:0px;padding:10px;width:100px;font-size:16px;color:#fff;font-weight:bold;background:#339900}
form.pubform .radio{width:14px;height:14px;padding-right:3px}
#pubpic .source{float:left;font-size:12px}
#pubpic span{}
#pubpic .pubform h3{float:left}
#pubvideo textarea.intro {height:50px;margin-top:0px}

#setinfo .pubform h3{border-bottom:1px solid #ccc;padding-bottom:12px;margin-bottom:10px}
#setinfo input{width:300px}
#setinfo input.submit{width:100px}

#del{padding:10px;border:1px solid #333}
#del form{padding-top:10px}
